@import  './../../../../style/font';
@import './../../../../style/color';

// 详情页
.appoint-detail-page {

  .item {
    margin-bottom: 15px;
    font-family: $DFYuanW7-GBK;
    font-size: 20px;
    color: #292929;
    letter-spacing: 0;
    width: 100%;

    >span:first-child{
      display: inline-block;
      margin-right: 15px;
    }

    .content {
      width: 80%;
      word-break: break-all;
    }
  }

  .audio-video-wrap {
    width: 100%;
    // height: 500px;
    background-color: black;

    .video {
      width: 100%;
      height: 500px;
    }

    .audio {
      width: 100%;
      height: 35px;
    }
  }
}

.double-table-td {

  .ant-table {
    .ant-table-tbody > tr > td:first-child {

      span:not(:first-child) {
        display: inline-block;
        width: 120px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
      }
    }
    .ant-table-tbody > tr > td:nth-child(2) {
      span {
        display: inline-block;
        width: 180px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
      }
    }
  }

}

.v-double-table-td {

  .ant-table {
    .ant-table-tbody > tr > td:first-child {

      span:not(:first-child) {
        display: inline-block;
        width: 240px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
      }
    }
    .ant-table-tbody > tr > td:nth-child(2) {
      span {
        display: inline-block;
        width: 340px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
      }
    }
  }

}

// 详情页
.v-appoint-detail-page {

  .item {
    margin-bottom: 20px;
    font-family: $DFYuanW7-GBK;
    font-size: 20px;
    color: #292929;
    letter-spacing: 0;
    width: 100%;

    >span:first-child{
      display: inline-block;
      margin-right: 15px;
    }

    .content {
      width: 80%;
      word-break: break-all;
    }
  }

  .audio-video-wrap {
    width: 100%;
    // height: 500px;
    background-color: black;

    .video {
      width: 100%;
      height: 500px;
    }

    .audio {
      width: 100%;
      height: 50px;
    }
  }
}
